{% extends 'common/productcenterbase.html' %}
{% block title %}吉安国达陶瓷专卖店-产品中心{% endblock %}
{% block content %}
        <div class="jumbotron prodcenter topimg">
        <div><h3>产品中心</h3><h3>Product Center</h3></div>
        </div>
    <div class="container">
        <div class="catorlog">
        {% for tp in product_type_list %}
                <a href="{{ tp.typeid }}" target="_self"><div class="btn btn-lg btn-default">{{ tp.typename }}</div></a>
        {% endfor %}
        </div>
        <div class="clearfix"></div>
        {% for tl in product_list %}
            <div class="col-lg-4 col-md-6 col-sm-12 prodlist">
            <figure>
            <a href="#">
                <img src="{{ MEDIA_URL }}{{ tl.image }}" alt="{{ tl.productdesc }}">
            </a>
            <figcaption>
                <div class="productname"><a href="{% url 'productdetailv2' typeid=tl.typeid productcode=tl.productcode %}"> {{ tl.productname }}</a></div>
                {% if tl.size and tl.price and tl.unit %}
                    <div class="size"><p>规格：{{ tl.size }}</p></div>
                    <div class="price"><p>价格：￥<span style="color: red; font-weight: bold; font-size: 18px">{{ tl.price }}</span>/{{ tl.unit }}</p></div>
                {% endif %}
            </figcaption>
            </figure>
            </div>


        {% endfor %}
    </div>



{% endblock %}